<template>
  <div class="example_outer">
    <div class="custom_scroll_outer">
      <!-- <CustomScroll></CustomScroll> -->
      <!-- <CustomScroll2></CustomScroll2> -->
      <!-- <CustomScroll3></CustomScroll3> -->
      <!-- <Parent></Parent> -->
      <!-- <HomeTable></HomeTable> -->
      <!-- <div class="tmp_height"></div> -->
      <!-- <HomeList></HomeList> -->
      <!-- <HomeTab></HomeTab>-->
      <HomeCharts></HomeCharts>
    </div>
  </div>
</template>
<script>
import CustomScroll from '@/components/CustomScroll/index.vue'
import CustomScroll2 from '@/components/CustomScroll2/index.vue'
import CustomScroll3 from '@/components/CustomScroll3/index.vue'
import Parent from '@/components/Parent/index.vue'
import HomeTable from './HomeTable'
import HomeList from './HomeList'
import HomeTab from './HomeTab'
import HomeCharts from './HomeCharts'

export default {
  name: 'Example',
  components: {
    CustomScroll,
    CustomScroll2,
    CustomScroll3,
    Parent,
    HomeTable,
    HomeList,
    HomeTab,
    HomeCharts,
  },
  data() {
    return {}
  },
}
</script>
<style lang="less" scoped>
.example_outer {
  .custom_scroll_outer {
    border: 1px solid red;
    // position: absolute;
    // overflow: hidden;
    // left: 0;
    // top: 0;
    // height: 400px;
    .tmp_height {
      height: 500px;
    }
  }
}
</style>
